<template>
	<view class="pore">
		<!-- <u-navbar title="　" bgColor="transparent" leftIconSize="0" :fixed="false">
		</u-navbar>
		
		<u-gap height="20"></u-gap> -->
		<view class="uni-margin-wrap pore" v-if="bannerList.length > 0">
			<!-- <view class="ban-logo">
				<image src="../../static/images/index/indexlogo.png" mode="widthFix" style="width: 150px;"></image>
			</view> -->
			<swiper class="swiper" circular indicator-dots autoplay :interval="3000" indicator-active-color="#FFDE6D"
				:current="banIndex" @change="changeSwiper" :style="{ height: swiperHeight + 'px' }">
				<swiper-item v-for="(item, index) in bannerList" :key="index" @click="banClick(item)">
					<image :src="api_host + item.imageUrl" mode="widthFix" class="width100"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="ml30 mr30 content-box pore">
			<view class="consumption-coupon" @tap="nologinJump('/subpage/housekeeping/subsidy')">
				<image src="https://hxs.dsjhs.com:553/prod-api/profile/shouyexfq-new.png" mode=""></image>
			</view>
			<view class="bgFff p10 radius50 flex-jus pore" @click="nologinJump('/pages/search/index')">
				<u-search placeholder="家政、办事、旅游、餐饮" v-model="keyword" disabled clearabled bgColor="#fff"
					:showAction="false"></u-search>
				<view>
					<u-button color="#FFDE6D" :customStyle="{ 'color': '#34314F', 'padding': '0 40rpx' }"
						shape="circle">搜索</u-button>
				</view>
			</view>
			<view class="mt20 menu-list" v-show="config.home_type == 'on'">
				<swiper class="swiper uni-swiper-wrapper" :class="{ 'multiple': menuList.length > 1 }" circular
					:indicator-dots="indicatorDots" indicator-color="#FFF" indicator-active-color="#FFDE6D"
					style="width: 100%;height: 172rpx;">
					<swiper-item style="display: flex;width: 100%;height: 200rpx;" v-for="(item, index) in menuList"
						:key="index" :class="{ 'multipleItem': item.length == 5 }">
						<view class="textC menu-item" v-for="(menu, idx) in item" :key="idx" @click="itemClick(menu)">
							<view class="menu-item-box">
								<view class="flex-au">
									<image :src="api_host + menu.icon" mode="" style="width: 64rpx;height: 64rpx;">
									</image>
								</view>
								<view class="c343 f24 bold mt10 menu-subtitle">{{ menu.title }}</view>
							</view>
						</view>
					</swiper-item>
				</swiper>

			</view>
			<view class="menu-container">
				<!-- <view class="flex1 mr10 pore menu-content">
					<view class="menu-wrap j pore" @click="nologinJump('/groupPurchase/xstg/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text">商业联盟·小石团购</view>
							<view class="c0b0 f24"> 国投资管 精选好店</view>
						</view>
						<image src="https://hxs.dsjhs.com:553/prod-api/profile/jiazheng.png" mode="widthFix"
							class="width100 radius50 box_shadow"></image>
					</view>
					<view class="menu-wrap jy pore" @click="nologinJump('/groupPurchase/xstg/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text">商业联盟·小石团购</view>
							<view class="c0b0 f24"> 国投资管 精选好店</view>
						</view>
						<image src="https://hxs.dsjhs.com:553/prod-api/profile/rencai.png" mode="widthFix"
							class="width100 radius50 box_shadow"></image>
					</view>
				</view> -->
				<view class="flex1 menu-wrap-box big">
					<view class="menu-wrap jz pore" @click="nologinJump('/subpage/housekeeping/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text"></view>
							<view class="c0b0 f24"></view>
						</view>
					</view>

					<view class="menu-wrap yj pore" @click="nologinJump('/subpage/meethuangshi/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text"></view>
							<view class="c0b0 f24"></view>
						</view>
					</view>
				</view>
				<view class="flex1 menu-wrap-box small">
					<view class="menu-wrap sy pore" @click="nologinJump('/groupPurchase/xstg/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text"></view>
							<view class="c0b0 f24 mt10"></view>
						</view>
					</view>
					<view class="menu-wrap rc pore" @click="nologinJump('/subpage/talentemployment/employment/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text"></view>
							<view class="c0b0 f24"></view>
						</view>
					</view>
				</view>
				<!-- <view class="flex1 ml10 img-right">
					<view class="pore" @click="nologinJump('/foodpages/wan/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text">跟团游</view>
							<view class="c0b0 f24">国企精选，放心出游</view>
						</view>
						<image src="../../static/images/index/img2.png" mode="widthFix"
							class="width100 radius50 box_shadow"></image>
					</view>
					<u-gap height="5"></u-gap>
					<view class="pore" @click="nologinJump('/foodpages/food/index')">
						<view class="img-text">
							<view class="c343 bold f32 italic-text">食在黄石</view>
							<view class="c0b0 f24">吃遍黄石特色美食</view>
						</view>
						<image src="../../static/images/index/img3.png" mode="widthFix"
							class="width100 radius50 box_shadow"></image>
					</view>
				</view> -->
			</view>
			<!-- <view class="flex-jus">
				<view class="flex1 mr10 pore" @click="nologinJump('/subpage/housekeeping/index')">
					<view class="img-text">
						<view class="c343 bold f32 italic-text">家政</view>
						<view class="c0b0 f24">服务到家</view>
					</view>
					<image src="https://hxs.dsjhs.com:553/prod-api/profile/img5.png" mode="widthFix"
						class="radius50 box_shadow" style="width: 224rpx;"></image>
				</view>
				<view class="flex1 mr10 pore" @click="nologinJump('/groupPurchase/xstg/index?type='+1)">
					<view class="img-text">
						<view class="c343 bold f32 italic-text">车主服务</view>
						<view class="c0b0 f24">便捷省心</view>
					</view>
					<image src="https://hxs.dsjhs.com:553/prod-api/profile/img6.png" mode="widthFix"
						class="radius50 box_shadow" style="width: 224rpx;"></image>
				</view>
				<view class="flex1 mr10 pore" @click="nologinJump('/foodpages/food/index')">
					<view class="img-text">
						<view class="c343 bold f32 italic-text">食在黄石</view>
						<view class="c0b0 f24">吃遍特色</view>
					</view>
					<image src="https://hxs.dsjhs.com:553/prod-api/profile/img7.png" mode="widthFix"
						class="radius50 box_shadow" style="width: 224rpx;"></image>
				</view>
			</view> -->
			<!-- <view class="pore" @click="toMinithings">
				<view class="img-text">
					<view class="c343 bold f32 italic-text">办事</view>
					<view class="c0b0 f24">快捷省心，一键办事</view>
				</view>
				<image src="../../static/images/index/img4.png" mode="widthFix" class="width100 radius50 box_shadow">
				</image>
			</view> -->
			<u-gap height="20"></u-gap>
			<view v-if="showFuli">
				<view class="flex">
					<image src="../../static/images/index/logo2.png" mode="widthFix" style="width: 122px;"></image>
					<u-tabs :list="tabList" :current="current" @change="changeCurrent" lineWidth="60"
						lineColor="#FFDE6D" :activeStyle="{
							color: '#34314F',
							fontWeight: 'bold',
							transform: 'scale(1.05)',
							fontSize: '34rpx',
							marginBottom: '-12rpx'
						}" :inactiveStyle="{
							color: '#C1B9B9',
							transform: 'scale(1)',
							fontSize: '34rpx',
							marginBottom: '-12rpx'
						}" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
					</u-tabs>
				</view>
				<u-gap height="15"></u-gap>
				<view class="ms_top flex-jus" v-for="item in tabHeadList" v-show="tabList[current].key === item.key"
					:key="item.url" @click="nologinJump(item.url)">
					<view class="flex">
						<image :src="'../../static/images/index/' + item.img1 + '.png'" mode="widthFix"
							style="width: 45px;margin-top: -30rpx;">
						</image>
						<image :src="'../../static/images/index/' + item.img2 + '.png'" mode="widthFix"
							style="width: 76px;margin-left: 10rpx;">
						</image>
					</view>
					<image src="../../static/images/index/right.png" mode="widthFix" style="width: 16px;"></image>
				</view>
				<view style="height: 432rpx;background-color: #fff;border-radius: 0 0 38rpx 38rpx;"
					v-if="tabType == 'kill' && miaoshaList.length">
					<view class="mr20">
						<u-scroll-list :indicator="false">
							<view v-for="(item, index) in miaoshaList" :key="index" @click="togroupdetail(item.id)">
								<view class="ml20" style="line-height: 40rpx;width: 254rpx;">
									<u--image :src="api_host + item.icon" width="254rpx" height="190rpx" radius="8">
									</u--image>
									<view style="color: #78768A;margin-bottom: 10rpx;" class="flex">
										<view class="f24">距结束</view>
										<view class="f24 flex">
											<!-- <u-count-down :time="item.goodsSeckill.downTimes"
												format="HH:mm:ss"></u-count-down> -->
											<count-down :times="item.goodsSeckill.downTimes"></count-down>
										</view>
									</view>
									<view class="pore">
										<u-line-progress :percentage="70" height="4" activeColor="#FFDE6D"
											:showText="false">
											<!-- <image src="../../static/images/index/djs.png" mode="widthFix"
												style="width: 12px;height: 20px;z-index: 999;">
											</image> -->
										</u-line-progress>
										<view class="djsbg">
											<image src="../../static/images/index/djs.png" mode="widthFix"
												style="width: 12px;"></image>
										</view>
									</view>

									<p class="f26 c343 bold textoverflow2 mt20" style="height: 40px;">{{ item.brand }} |
										{{ item.goodName }}
									</p>
									<view class="mt10">
										<span class="cff7 f28">￥</span>
										<span class="cff7 f36 fw500">{{ item.goodsSeckill.price }}</span>
										<span style="text-decoration: line-through" class="f24 ml10 c999">￥{{
											item.originalPrice }}</span>
									</view>
								</view>

							</view>
						</u-scroll-list>
					</view>
				</view>
				<view style="height: 342rpx;background-color: #fff;border-radius: 0 0 38rpx 38rpx;"
					v-if="tabType == 'coupon' && yhqList.length && !isHideCoupon">
					<view style="padding-left: 20rpx;">
						<u-scroll-list :indicator="false">
							<view v-for="(item, index) in yhqList" :key="index">
								<view class="pore" @click="receiveCoupon(item.id)">
									<image src="../../static/images/index/yhqbg.png"
										style="width: 140px;height: 163px;">
									</image>
									<view class="item_yhq" v-if="item.conpType == 1">
										<view class="f28">{{ item.coupTitle }}</view>
										<view class="mt10">
											<span class="cff7 f24">￥</span>
											<span class="cff7 f36 fw500">{{ item.conpTextObject.deductionAmount
											}}</span>
										</view>
										<view style="color: #5C5870;margin-top: 35rpx;" class="f24">
											满{{ item.conpTextObject.fullAmount }}可用</view>
									</view>
									<view class="item_yhq" v-if="item.conpType == 2">
										<view class="f28">{{ item.coupTitle }}</view>
										<view class="mt10">
											<span class="cff7 f36 fw500">{{ item.conpTextObject.discount }}折</span>
										</view>
										<view style="color: #5C5870;margin-top: 35rpx;" class="f24">
											最高减{{ item.conpTextObject.maxReduction }}元</view>
									</view>
									<view class="item_yhq" v-if="item.conpType == 3">
										<view class="f28">无门槛</view>
										<!-- <view class="mt10">
											<span class="cff7 f36 fw500">{{item.conpTextObject.discount/10}}折</span>
										</view> -->
										<view style="color: #5C5870;margin-top: 35rpx;" class="f24">满0可用</view>
									</view>
								</view>
							</view>
						</u-scroll-list>
					</view>
				</view>
			</view>
			<u-gap height="20"></u-gap>
			<view class="" v-if="listData.length > 0">
				<view>
					<image src="../../static/images/index/logo.png" mode="widthFix" style="width: 108px;"></image>
				</view>
				<u-gap height="10"></u-gap>
				<waterfall-flow :dataArray="listData" :key="timer"></waterfall-flow>
			</view>
		</view>
		<!-- 优惠券组件 -->
		<coupon @receiveCouponSuccess="handleTrigger"></coupon>
		<!-- 意见反馈 -->
		<feedback></feedback>
		<!-- //优惠券领取成功 -->
		<u-popup :show="show_yhq_success" @close="show_yhq_success = false" mode="center"
			:customStyle="{ 'width': '30%', 'position': 'relative' }" @open="show_yhq_success = true" round="20"
			bgColor="#333">
			<view class="p30 pore textC">
				<image src="../../static/images/coin.png" mode="widthFix" style="width: 87px;"></image>
				<view class="cfff f24">领取成功</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
import appInfo from '@/common/appInfo.js'
import waterfallFlow from '@/components/waterfall-flow/index.vue'
import countDown from '@/components/countDown/index.vue'
import coupon from '@/components/coupon/index.vue'
import feedback from '@/components/feedback/index.vue'
import {
	receiveCoupon
} from '@/common/api_housekeeping.js'
import {
	getMenuList,
	getBanners,
	clickBanner
} from '@/common/api_user.js'
import {
	gethotVlogs
} from '@/common/api_wan.js'
import {
	getGoodsKill,
	getCouponList
} from '@/common/api_tuangou.js'

import {
	getNowFormatDate
} from '@/common/utils.js'

import {
	invitaionInfo
} from '@/common/api_invitation.js'


export default {
	name: '',
	components: {
		waterfallFlow,
		countDown,
		coupon,
		feedback,
	},
	data() {
		return {
			banIndex: 0,
			swiperHeight: 200,
			show_yhq_success: false,
			bannerList: [],
			keyword: '',
			invitaInfo: {},
			signData: {
				id: '111',
				address: '湖北省黄石市下陆区团城山街道杭州东路社区广州路7号宏维星都小区1栋1单元201室',
				cun: '杭州东路社区',
				road: '道路名称（村湾组）',
				num: '10号',
				signType: '户室牌',
				area: '团城山派出所'
			},
			menuList: [],
			listData: [],
			pageNum: 1,
			lastPage: false,
			timer: new Date().getTime(),
			list4: [{
				name: '超值秒杀'
			}, {
				name: '优惠券'
			},],
			current: 0,
			miaoshaList: [],
			yhqList: [],
			isHideCoupon: false,
			tabType: 'kill'
		}
	},
	computed: {
		indicatorDots() {
			return this.menuList.length > 1 ? true : false
		},
		tabList() {
			let list = []
			if (this.miaoshaList.length) {
				list.push({
					name: '超值秒杀',
					key: 'kill'
				})
			}
			if (this.yhqList.length && !this.isHideCoupon) {
				list.push({
					name: '优惠券',
					key: 'coupon'
				})
			}
			return list
		},
		showFuli() {
			if (this.miaoshaList.length || this.yhqList.length) {
				return true
			} else {
				return false
			}
		},
		tabHeadList() {
			let headList = []
			if (this.miaoshaList.length && !this.yhqList.length) {
				headList = [{
					key: 'kill',
					url: '/groupPurchase/xstg/index?type=2',
					img1: 'mslogo1',
					img2: 'mslogo2'
				}]
				this.tabType = 'kill'
				this.current = 0
			}
			if (this.yhqList.length && !this.miaoshaList.length) {
				headList = [{
					key: 'coupon',
					url: '/subpage/me/coupon',
					img1: 'yhqlogo1',
					img2: 'yhqlogo2'
				}]
				this.tabType = 'coupon'
			}

			if (this.yhqList.length && this.miaoshaList.length) {
				headList = [{
					key: 'kill',
					url: '/groupPurchase/xstg/index?type=2',
					img1: 'mslogo1',
					img2: 'mslogo2'
				}, {
					key: 'coupon',
					url: '/subpage/me/coupon',
					img1: 'yhqlogo1',
					img2: 'yhqlogo2'
				}]
				// this.tabType = 'kill'
			}

			console.log(this.current, 'current')
			return headList
		}
	},
	created() {
		this.getBanners()
		this.getMenus()
		this.gethotVlogs()
		this.getGoodsKill()
		this.getInvitationData()
		uni.$on('onReachBottom', () => {
			console.log('到底了');
			if (this.lastPage) {
				this.pageNum += 1
				this.gethotVlogs()
			}
		});

	},
	mounted() {
		if (this.hasLogin) {
			this.getCouponList()
		}
	},
	beforeDestroy() {
		uni.$off('onReachBottom');
	},
	methods: {
		async getGoodsKill() {
			let res = await getGoodsKill({
				pageNum: 1,
				pageSize: 99
			})
			if (res.code == 200) {
				this.miaoshaList = res.data
				res.data.forEach(item => {
					// let endTime = item.goodsSeckill.endDate + ' ' + item.goodsSeckill.endTime
					let endTime = getNowFormatDate() + ' ' + item.goodsSeckill.endTime
					let nowTimes = new Date().getTime()
					let endTimes = new Date(endTime).getTime()
					item.goodsSeckill.downTimes = endTimes - nowTimes
				})
			}
		},
		togroupdetail(id) {
			uni.navigateTo({
				url: '/groupPurchase/detail/index?id=' + id
			})
		},
		async getCouponList() {
			let res = await getCouponList()
			if (res.code == 200) {
				this.yhqList = res.data
				console.log(this.yhqList, 'this.yhqList')
			}
		},

		async getMenus() {
			let res = await getMenuList()
			if (res.code == 200) {
				// if (res.data.length > 0 && res.data.length < 5) {
				// 	this.menuList.push(res.data)
				// } else {

				// }
				this.menuList = this.chunkArray(res.data, 5)
				console.log(this.menuList, 'this.menuList')
				// this.menuList = res.data
			}
		},

		chunkArray(arr, chunkSize) {
			let result = [];
			for (let i = 0; i < arr.length; i += chunkSize) {
				result.push(arr.slice(i, i + chunkSize));
			}
			return result;
		},

		async getBanners() {
			const that = this
			const res = await getBanners({
				affiliation: '1'
			})
			if (res.code == 200) {
				this.bannerList = res.data
				var sys = uni.getSystemInfoSync();
				let firstImg = this.api_host + this.bannerList[0].imageUrl
				uni.getImageInfo({
					src: firstImg,
					success(res) {
						let imgW = res.width
						let imgH = res.height
						let rate = imgW / (sys.windowWidth)
						that.swiperHeight = imgH / rate
					}
				})
			}
		},
		/* 切换 swiper 滑块 */
		changeSwiper(e) {
			this.currIndex = e.detail.current;
			this.$nextTick(() => {
				this.setSwiperHeight(); // 动态设置 swiper 的高度
			});
		},
		/* 动态设置 swiper 的高度 */
		setSwiperHeight() {
			const element = "#wrap" + this.currIndex;
			const query = uni.createSelectorQuery().in(this);
			query.select(element).boundingClientRect();
			query.exec(res => {
				if (res && res[0]) this.swiperHeight = res[0].height;
			});
		},
		banClick(item) {
			let type = item.association
			console.log(type, item, 'banClick')
			this.handleClickBanner(item)
			switch (type) {
				case 1:
					this.openUrl(item.imageLink)
					break;
				case 2:
					this.receiveCoupon(item.imageLink)
					break;
				case 3:
					let link = decodeURIComponent(item.imageLink)
					uni.navigateTo({
						url: '/pages/webview/index?link=' + link
					})
				case 4:
					uni.navigateToMiniProgram({
						appId: item.appId,

					})
					break;
			}

		},
		// banner点击调用-作统计
		handleClickBanner(item) {
			clickBanner({
				id: item.id
			}).then(res => {
				console.log(res, 'sssss')
			})
		},
		// 优惠券领取成功回调
		handleTrigger() {
			this.isHideCoupon = true
			this.yhqList = []
			console.log(this.tabList, 'this.tabList')
		},
		async receiveCoupon(id) {
			// #ifdef MP-WEIXIN
			let messageRes = await this.$utils.messageSubscriptionAuthorization(appInfo.tmplIds.coupon);
			// #endif
			uni.showLoading({
				mask: true
			})
			const res = await receiveCoupon({
				id
			})
			if (res.code == 200) {
				this.show_yhq_success = true
				setTimeout(() => {
					this.show_yhq_success = false
				}, 1000)
				this.showCouponDialog = false
				this.getCouponList()
			}
			uni.hideLoading()
		},
		async gethotVlogs() {
			uni.showLoading({
				mask: true
			})
			const res = await gethotVlogs({
				pageSize: 5,
				pageNum: this.pageNum,
				type:2
			})
			if (res.code == 200) {
				// this.listData = res.data
				this.lastPage = res.lastPage
				this.listData = this.listData.concat(res.data)
				let tempObject = {}
				this.listData = this.listData.reduce((item, next) => {
					// item为没有重复id的数组，next为当前对象
					tempObject[next.id] ? '' : (tempObject[next.id] = true && item.push(next));
					return item;
				}, [])
				console.log(this.listData, '88888');
				this.timer = new Date().getTime()
			}
			uni.hideLoading()
		},
		toMinithings() {
			uni.navigateToMiniProgram({
				appId: 'wxcc21ccd840d613f5'
			})
		},
		toLogin() {
			uni.showModal({
				title: '提示',
				content: '请先完成登录',
				cancelText: '取消',
				confirmText: '去登录',
				success(res) {
					if (res.confirm) {
						uni.navigateTo({
							url: '/pages/me/mobile_login'
						})
					}
				}
			})
		},
		itemClick(item) {
			if (item.urlType === 2) { // 跳转方式-小程序
				uni.navigateToMiniProgram({
					appId: item.appId
				})
			} else if (item.urlType === 1) { // 跳转方式-外部链接
				let link = decodeURIComponent(item.url)
				uni.navigateTo({
					url: '/pages/webview/index?link=' + link
				})
			} else if (item.urlType === 3) { // 跳转方式-暂未开放
				uni.showToast({
					title: item.url,
					icon: 'none'
				})
			} else { // 跳转方式-内部链接
				// if (!this.hasLogin) {
				// 	this.toLogin()
				// } else {
				// 	uni.navigateTo({
				// 		url: item.url
				// 	})
				// }

				uni.navigateTo({
					url: item.url
				})
			}
		},
		changeCurrent(e) {
			this.current = e.index
			this.tabType = e.key
			console.log(e, this.tabType, 'changeCurrent')
			if (e.key == 'coupon') {
				this.getCouponList()
			} else {
				this.getGoodsKill()
			}
		},
		async getInvitationData() {
			const inviData = await invitaionInfo()
			console.log(inviData, 'inviData')
			if (inviData.code === 200) {
				this.invitaInfo = inviData.data
			}
		},
	}
}
</script>

<style lang="scss">
::v-deep.u-count-down__text.data-v-463368ae {
	font-size: 24rpx !important;
}

page {
	background-color: #FEF4E8;
}

.swiper {
	height: 500rpx;
}

.ban-logo {
	position: absolute;
	top: 100rpx;
	left: 50rpx;
	z-index: 999;
}

.content-box {
	margin-top: -40rpx;
}

.consumption-coupon {
	position: absolute;
	top: -108rpx;
	left: 0;
	width: 100%;
	height: 160rpx;

	image {
		width: 100% !important;
		height: 160rpx !important;
	}
}

.menu-list {
	display: flex;
	flex-wrap: nowrap;

	.multiple {
		height: 200rpx !important;
	}

	.multipleItem {
		justify-content: space-between;
	}
}

.menu-item {
	width: 120rpx;
	padding: 12rpx 8rpx;

	.menu-item-box {
		display: flex;
		flex-direction: column;
		align-items: center;

		.flex-au {
			width: 100rpx;
			height: 100rpx;
			background: #FFFFFF;
			box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
			border-radius: 24rpx;
		}

		.menu-subtitle {
			width: 120rpx;
		}
	}
}

.menu-container {}

.menu-content {
	width: 100%;
	height: 348rpx;
}

.menu-wrap-box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 12px;

	.menu-wrap {
		width: 100%;

		&.jz {
			background: url('https://hxs.dsjhs.com:553/prod-api/profile/jiazhengfuwu-n.png') no-repeat center;
			background-size: 100% 100%;
		}

		&.rc {
			background: url('https://hxs.dsjhs.com:553/prod-api/profile/rencaichaoshi.png') no-repeat center;
			background-size: 100% 100%;
		}

		&.sy {
			background: url('https://hxs.dsjhs.com:553/prod-api/profile/shangyelianmeng.png') no-repeat center;
			background-size: 100% 100%;
		}

		&.yj {
			background: url('https://hxs.dsjhs.com:553/prod-api/profile/yujianhuangshi-n.png') no-repeat center;
			background-size: 100% 100%;
		}
	}

	&.big {
		margin-bottom: 12px;

		.menu-wrap {
			height: 236rpx;
		}
	}

	&.small {
		.menu-wrap {
			height: 164rpx;
		}
	}
}





.img-text {
	position: absolute;
	top: 30rpx;
	left: 30rpx;
	z-index: 99;
}

.ms_top {
	height: 88rpx;
	background: linear-gradient(180deg, #FFF3C8 0%, #FFFFFF 100%);
	border-radius: 38rpx 38rpx 0 0;
	padding-right: 20rpx;
}

.u-percentage-slot {
	padding: 1px 5px;
	background-color: $u-warning;
	color: #fff;
	border-radius: 100px;
	font-size: 10px;
	margin-right: -5px;
}

.djsbg {
	width: 27rpx;
	height: 27rpx;
	background-color: #FFDE6D;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	position: absolute;
	top: -8rpx;
	right: 60rpx;
}

.item_yhq {
	position: absolute;
	top: 40rpx;
	text-align: center;
	width: 140px;
}

//设置轮播的指示点大小
.uni-swiper-wrapper {
	/deep/ .uni-swiper-dots {
		// 指示点整个区域
		// bottom: 100rpx;
	}

	/deep/ .uni-swiper-dot {
		// 指示点元素默认样式
		width: 10upx !important;
		height: 10upx !important;
		// border: 1rpx solid #E0B079;
	}

	/deep/ .uni-swiper-dot-active {
		// 指示点元素激活（当前选中）状态样式
		// background: #CD9763;
	}
}
</style>